import React from 'react'
import {NavLink} from 'react-router-dom'

import styled from 'styled-components'

let NavBox = styled.nav`
  a{
    margin-right: 10px;
    color: #000;
    $.active{
      color: #ff0000;
    }
  }
`

const HomeHeader = () => {
  return <NavBox>
    <NavLink to='/a'>A</NavLink>
    <NavLink to='/b'>B</NavLink>
    <NavLink to='/c'>C</NavLink>
  </NavBox>
}

export default HomeHeader